<template>
  <view class="change-password">
    <CommonHeader>修改密码</CommonHeader>
    <view class="change-password-content">
      <van-field
        :value="postPassword"
        type="password"
        clearable
        placeholder="请输入旧密码"
        @change="postPassword = $event.mp.detail"
        :border="false"
      />
      <van-field
        :value="newPassword"
        type="password"
        clearable
        placeholder="请输入新密码（6-20位英文或数字）"
        @change="newPassword = $event.mp.detail"
        :border="false"
      />
      <van-field
        :value="comparePassword"
        type="password"
        clearable
        placeholder="请重新输入您的密码"
        @change="comparePassword = $event.mp.detail"
        :border="false"
      />
      <van-button type="primary" size="large" @click="confirm">
        确认
      </van-button>
    </view>
    <van-toast id="van-toast" />
  </view>
</template>
<script src="./script.js"></script>
<style src="./style.less" lang="less"></style>
